I am using nice menus and running into a problem with IE6. It works on IE7 and everywhere else just not IE6. The theme is a sub-theme I customized from Zen.

My drop down menu will display and overlap all appropriate divs, but when you try to mouseover the options, the menu disappears. I figured it has something to do with z indexing but at this point I don't know anymore and it's driving me crazy. I would really appreciate it if someone had any suggestions.

Link:
http://northsalemny.org/nsalem/architectural-review/architectural-review...

Best,
Becky

Comments

technicka’s picture

technicka commented

I forgot to mention-
when I switch my theme back to Garland, the nice menu works perfectly in IE6.

Does this mean the problem is limited to the way my theme's CSS is set up?

Thanks again,
Becky

technicka’s picture

technicka commented
Status: Active » Fixed

IE needs to be told some items have their own layout properties:
http://haslayout.net/haslayout

I added:

zoom: 1;

To ul.nice-menu-down .menuparent

and now it works.

Hopefully this will help somebody else

VividWind’s picture

VividWind commented

I had the same issue and found that IE6 tends to layer the content in the order in which it is read. So if you want to avoid using proprietary code, try ordering your divs so that the topmost content is placed last in your HTML. Currently, your menu is disappearing because it is actually underneath some other content.

Cheers,

Steve

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.